<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html" charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no">
    <title></title>
    <script>
        (function (doc, win) {
            var docEl = doc.documentElement,
                    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                    recalc = function () {
                        var clientWidth = docEl.clientWidth;
                        if (!clientWidth) return;
                        docEl.style.fontSize = 60 * (clientWidth /750) + 'px';
                    };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);

    </script>
    <style>
        /*图片img设为块级元素*/
        /*a链接设置为行内快级元素*/
        body, img, input, p, button, ul, li, dl, dt, dd {
            margin: 0;
            padding: 0;
        }
        a {
            text-decoration: none;
            display:block;
        }
        a, button, input, textarea {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }
        body {
            font-family: 'microsoft yahei';
            position: relative;
        }
        img {
            width: 100%;
            display: block;
        }
        .hide {
            display: none;
        }
        .show {
            display: block;
        }
        .mask{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background:rgba(0,0,0,0.5);
            z-index:5;
        }
        .mask>p{
            width:4.95rem;
            height:3.8rem;
            position:absolute;
            top:4rem;
            left:3.8rem;
        }
        .mask>div{
            width:9.57rem;
            margin:0 auto;
            margin-top:7.17rem;
            padding:0.5rem 0.74rem;
            border-radius:0.5rem;
            background:#00c0ff;
            overflow: hidden;
        }
        .info_no>div{
            text-align: center;
            padding:1rem 0.74rem 0.8rem 0.74rem;
            font-size:0.65rem;
            color:#fff;
        }
        .info_no>div{
            padding:1.4rem 0.74rem 1.5rem 0.74rem;
        }
    </style>
</head>
<body>
<div>
    <img src="images/help.png" alt="">
</div>
<!--无法再帮助其他好友-->
<div class="mask info_no">
    <p><img src="images/girl.png" alt=""></p>
    <div>
        您已经帮助过5位好友了，<br>
        无法再帮助TA！
    </div>
</div>
<script>
    //点击区域，跳到活动首页
    document.querySelector('.mask').addEventListener('click',function(){
    location.href='index.html';
});
</script>
</body>
</html>